<span>test</span>
<dx-tree-list #tree [dataSource]="dataSources" 
    itemsExpr="childs"
    keyExpr="id"
    [showRowLines]="true" 
    [allowColumnReordering]="true"
    [allowColumnResizing]="true"
 
    [columnAutoWidth]="true"
    [columnFixing]="{enabled:true}"
    dataStructure="tree"
    dateSerializationFormat="yyyy-MM-dd"
    [headerFilter]="{visible:true}"
 
    height="300px"
    hint="Tree List Demo"
    [hoverStateEnabled]="true"
    [loadPanel]="{enabled:true}"
    >
    <!-- <dxi-column *ngFor="let col of treeListColumns" [caption]="col.caption" [dataField]="col.dataField"></dxi-column> -->
    <dxi-column caption="标识" dataField="id" cellTemplate="cellTemplate"></dxi-column>
    <dxi-column caption="全名" dataField="fullName"></dxi-column>
    <dxi-column caption="职位" dataField="position"></dxi-column>
    <dxi-column caption="日期" dataField="date"></dxi-column>

    <ng-container *dxTemplate="let cell of 'cellTemplate'">
        <ng-container *ngIf="cell.data.isCategory; else elseDataTemplate">
            <button class="category-row">test</button>
        </ng-container>
        <ng-template #elseDataTemplate>
            {{cell.value}}
        </ng-template>
    </ng-container>

</dx-tree-list>